<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="__CDN__/assets/less/reset.css">
    <link rel="stylesheet" href="__CDN__/assets/less/common.css">
    <link rel="stylesheet" href="__CDN__/assets/less/Header-Footer.css">
    <link rel="stylesheet" href="__CDN__/assets/less/background_login_register.css">
    <link rel="stylesheet" href="__CDN__/assets/less/index.css">
    <link rel="stylesheet" href="__CDN__/assets/less/city_selecter.css">
    <link rel="stylesheet" href="__CDN__/assets/components/jquery-easyui-1.7.0/themes/default/easyui.css">
    <link rel="stylesheet" href="__CDN__/assets/components/jquery-easyui-1.7.0/themes/icon.css">

</head>

<body>
<!-- 头部复用 -->
<div class="headerwrapper">
    <div class="header">
        <div class="header-center">
            <div class="header-left">
                <a href="./index.html">
                    <img class="logo" src="__CDN__/assets/images/index/main-logo-2023.svg" alt="">
                </a>
            </div>
            <div class="header-right">
                <span class="login-a">登录</span>
                <span class="register-a">注册</span>
            </div>
            <div class="personal_center">
                <a href="/index/Index/personal_center.html">个人中心</a>
                <span class="logout">退出登录</span>
            </div>
        </div>
    </div>
</div>
<!-- 轮播图区 -->
<div class="banner">
    <img src="__CDN__/assets/images/index/kddapp_pc.png" alt="">
</div>
<!-- 主要内容区 -->
<div class="content">
    <div class="content-center">
        <div class="filter-bar">
            <div class="filter-row">
                <div class="label">位置：</div>
                <div class="filter-wrap">
                    <label for="addr-show03">
                        <input placeholder="请输入城市" type="text" id="addr-show03" class="form_input">
                    </label>
                    <!-- <div id="data-wrap">
                        <ul id="data-order">
                            <li value='0'>热门</li>
                            <li value='1'>ABCD</li>
                            <li value='2'>EFGH</li>
                            <li value='3'>JKLM</li>
                            <li value='4'>NPQR</li>
                            <li value='5'>STWX</li>
                            <li value='6'>YZ</li>
                        </ul>
                        <div id="data-show"></div>
                    </div> -->
                </div>
            </div>
            <div class="filter-row">
                <div class="label">价格：</div>
                <div class="filter-wrap filter-wrap-price">
                    <!-- <div style="cursor: pointer;">不限</div> -->
                    <div>
                        <input class="form_input" type="number">&nbsp;-&nbsp;<input class="form_input" type="number">&nbsp;元
                    </div>
                </div>
            </div>
            <div class="filter-row">
                <div class="label">出租类型：</div>
                <div class="filter-wrap  rental_type">
                    <!-- <div data-index="0" class="filter_item" style="cursor: pointer;">不限</div> -->

                </div>
            </div>
            <div class="filter-row">
                <div class="label">人数：</div>
                <div class="filter-wrap ">
                    <!-- <div style="cursor: pointer;">不限</div> -->
                    <div>
                        <input class="form_input people_input" type="number">
                    </div>
                </div>
            </div>
            <div class="filter-row">
                <div class="label"><button class="filter_search_button">搜索</button></div>
            </div>
        </div>
        <div class="room-list">
            <!-- <div class="room-item">
                <div class="room-left">
                    <img src="__CDN__/assets/images/index/vTQYAunCHNnHhrG8Lh1b0HqOnrj8L9Ax.jpg" alt="">
                </div>
                <div class="room-mid">
                    <div class="room-title">近大兴机场Loft精装复式日租单间</div>
                    <div class="room-area">大兴区</div>
                    <div class="room-type">两室一厅</div>
                </div>
                <div class="room-right">
                    <span class="room-price">300</span>
                    <span class="room-price-unit">元/天</span>
                </div>
            </div> -->
        </div>
        <!-- <div id="pagination" class="easyui-pagination">
        </div> -->
    </div>
</div>
<div class="background">
    <div class="baseboard">
        <div class="titles">
            <span>登录</span>
            <span>注册</span>
        </div>
        <div class="dynamicForm">
            <div class="loginForm">
                <div class="formTop">
                    <div class="phoneWrapper">
                        <input type="text" placeholder="请输入用户名">
                        <p>用户名不能为空</p>
                    </div>
                    <div class="pwdWrapper">
                        <input type="text" placeholder="请输入密码">
                        <p>密码不能为空</p>
                    </div>
                    <!-- <div class="loginIdentify">
                        <div class="identifyWrapper">
                            <div class="identifyMain">
                                <input type="text" placeholder="请输入验证码">
                                <div class="identifyBox"></div>
                                <span>点击刷新</span>
                            </div>
                            <p>验证码错误</p>
                        </div>
                    </div> -->
                    <div class="loginBtn">
                        <button>登录</button>
                    </div>
                </div>
                <!-- <div class="formBottom">
                    <div class="loginOption">
                        <div class="optionLeft">
                            <input type="checkbox">
                            <span>下次自动登录</span>
                        </div>
                        <span>忘记密码?</span>
                    </div>
                    <div class="border"></div>
                    <div class="agreement">
                        <input type="checkbox">
                        <span>我已阅读《服务设计启发式线上工具服务协议》</span>
                    </div>
                </div> -->
            </div>
            <div class="registerForm">
                <div class="registerFormTop">
                    <div class="registerUsernameWrapper">
                        <input type="text" placeholder="请输入用户名">
                    </div>
                    <div class="registerPhoneWrapper">
                        <input type="text" placeholder="请输入手机号">
                        <p>手机号不能为空</p>
                    </div>
                    <div class="registerPwdWrapper">
                        <input type="text" placeholder="请输入密码">
                        <p>密码不能为空</p>
                    </div>
                    <div class="registerSurePwdWrapper">
                        <input type="text" placeholder="请输入确认密码">
                        <p>确认密码不能为空</p>
                    </div>
                    <!-- <div class="registerIdentify">
                        <div class="identifyWrapper">
                            <div class="identifyMain">
                                <input type="text" placeholder="请输入验证码">
                                <div class="identifyBox"></div>
                                <span>点击刷新</span>
                            </div>
                            <p>验证码错误</p>
                        </div>
                    </div> -->
                </div>
                <div class="registerFormBottom">
                    <button>立即注册</button>
                    <p>立即登录</p>
                </div>
            </div>
        </div>
    </div>
    <div class="close">
        <img src="__CDN__/assets/images/guanbi_03.jpg" alt="">
    </div>
</div>

<script src="__CDN__/assets/node_modules/jquery/dist/jquery.min.js"></script>
<script src="__CDN__/assets/components/city_selector/city_selecter_data.js"></script>
<script src="__CDN__/assets/components/city_selector/city_selecter.js"></script>
<script src="__CDN__/assets/components/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
<script src="__CDN__/assets/components/jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js"></script>


<script type="module" src="__CDN__/assets/js/index.js"></script>

</body>

</html>